<template>
  <div class="viewContent">
    <!-- <ScrollBar> -->
    <div class="left">
      <leftMenu> </leftMenu>
    </div>
    <!-- </div> -->
    <!-- </div> -->
    <!-- </ScrollBar> -->
    <div class="right">
      <router-view></router-view>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
// import udpServer from "./pages/udpServer.vue";
import ScrollBar from "@/components/compnent/ScrollBar";
import leftMenu from "./pages/leftMenu";

export default {
  data() {
    return {};
  },
  components: {
    // udpServer,
    leftMenu,
    ScrollBar
  },
};
</script>

<style scoped>
.viewContent {
  display: flex;
}
.left {
  width: 25%;
}
.right {
  /* float: right; */
  width: 80%;
  /* padding-left: 1%; */
}
/* .viewContent {
        height: 100%;
      } */
</style>
